<h1><i class="icon-bookmark"></i> Shortcuts</h1>


<hr />


<h3>Container</h3>

<pre>&lt;div class="shortcuts cols-3"&gt;
	
	--- SHORTCUTS GO HERE ---
	
&lt;/div&gt;
</pre>


<hr />


<h3>Shortcut Item</h3>

<pre>&lt;a href="javascript:;" class="shortcut"&gt;
	&lt;i class="shortcut-icon icon-list-alt"&gt;&lt;/i&gt;
	&lt;span class="shortcut-label"&gt;Apps&lt;/span&gt;
&lt;/a&gt;
</pre>


<hr />


<h3>Columns</h3>

<p>To modify the number of shortcuts that display in a row use the following classes below:</p>



<table class="table">
	
	<thead>
		
		<tr>
			<th>Class</th>
			<th>Description</th>
		</tr>
		
	</thead>
	
	<tbody>
		<tr>
			<td>.cols-3</td>
			<td>3 in a row</td>
		</tr>
		<tr>
			<td>.cols-2</td>
			<td>2 in a row</td>
		</tr>
	</tbody>
	
</table>